// Popover with hover
$(function () {
    var showPopover = function () {
        $(this).popover('show');
    }
    , hidePopover = function () {
        $(this).popover('hide');
    };

    $("#basic-popover, #basic-popover2").popover({
        content: 'Popover content',
        trigger: 'manual'
        })
        .focus(showPopover)
        .blur(hidePopover)
        .hover(showPopover, hidePopover);
});

// Show/hide the div for women  
$('#name').click(function() {
    if(document.getElementById("name").innerHTML=="Meskerem Asfaw"){$("#women").hide();
        var printedName = "Jason Tang";
        document.getElementById("name").innerHTML=printedName;       
    }
    else{$("#women").show();
        var printedName = "Meskerem Asfaw";
        document.getElementById("name").innerHTML=printedName;
    }
});

// Current "page"-count
var curPage = 1;
$(function () {
    if(curPage==1){
        document.getElementById("prev-btn").href="./index.html";
        $("#previous").hide();
        $("#general").hide();
        $("#women").hide();
        $("#other").hide();
        $("#drugs").hide();
    }
});

// Next-button DIV-show/hide
$('#next-btn').click(function() {
    if(curPage==1){$("#diseases").hide();
        document.getElementById("prev-btn").href="#";
        $("#previous").show();
        $("#general").show();
        curPage ++;
    }
    else if(curPage==2){$("#previous").hide();
        $("#general").hide();
        $("#women").show();
        $("#other").show();
        $("#drugs").show();
        curPage ++;
    }
});
// Previous-button DIV-show/hide
$('#prev-btn').click(function() {
    if(curPage==2){$("#diseases").show();
        $("#previous").hide();
        $("#general").hide();
        curPage --;
        document.getElementById("prev-btn").href="./index.html";
        return false;
    }
    else if(curPage==3){$("#previous").show();
        $("#general").show();
        $("#women").hide();
        $("#other").hide();
        $("#drugs").hide();
        curPage --;
    }
});

//$("#basic-tooltip").tooltip();  //Tooltips are not used at the moment

//Variables for incrementing progressbar when clicking no/yes-buttons
var percentage = 0;
var canClick1=1;
var canClick2=1;
var canClick3=1;
var canClick4=1;
var canClick5=1;
var canClick6=1;
var canClick7=1;
var canClick8=1;
var canClick9=1;
var canClick10=1;
var canClick11=1;
var canClick12=1;
var canClick13=1;
var canClick14=1;
var canClick15=1;
var canClick16=1;
var canClick17=1;
var canClick18=1;
var canClick19=1;
var canClick20=1;
var canClick21=1;
var canClick22=1;
var canClick23=1;
var canClick24=1;
var canClick25=1;
var canClick26=1;
var canClick27=1;


// Change color on buttons, default/success
$('#1no-btn').click(function() {
    if(canClick1==1){
        percentage += 4;
        canClick1 --;
    }
    var changePercentage = percentage + "% Complete";
    document.getElementById("bar").innerHTML=changePercentage;
    var elem = document.getElementById("progbar");
  elem.style.width = percentage +"%";
  $('#1no-btn').addClass('btn-success');
  $('#1yes').prop('disabled', true);
  $('#1yes-btn').removeClass('btn-success');
  $('#1yes-btn').addClass('btn-default');
  });
$('#1yes-btn').click(function() {
    if(canClick1==1){
        percentage += 4;
        canClick1 --;
    }
    var changePercentage = percentage + "% Complete";
    document.getElementById("bar").innerHTML=changePercentage;
    var elem = document.getElementById("progbar");
  elem.style.width = percentage +"%";
  $('#1yes-btn').addClass('btn-success');
  $('#1yes').prop('disabled', false);
  $('#1no-btn').removeClass('btn-success');
  $('#1no-btn').addClass('btn-default');
  });
$('#2no-btn').click(function() {
    if(canClick2==1){
        percentage += 4;
        canClick2 --;
    }
    var changePercentage = percentage + "% Complete";
    document.getElementById("bar").innerHTML=changePercentage;
    var elem = document.getElementById("progbar");
  elem.style.width = percentage +"%";
  $('#2no-btn').addClass('btn-success');
  $('#2yes-btn').removeClass('btn-success');
  $('#2yes-btn').addClass('btn-default');
  });
$('#2yes-btn').click(function() {
    if(canClick2==1){
        percentage += 4;
        canClick2 --;
    }
    var changePercentage = percentage + "% Complete";
    document.getElementById("bar").innerHTML=changePercentage;
    var elem = document.getElementById("progbar");
  elem.style.width = percentage +"%";
  $('#2yes-btn').addClass('btn-success');
  $('#2no-btn').removeClass('btn-success');
  $('#2no-btn').addClass('btn-default');
  });
$('#3no-btn').click(function() {
    if(canClick3==1){
        percentage += 4;
        canClick3 --;
    }
    var changePercentage = percentage + "% Complete";
    document.getElementById("bar").innerHTML=changePercentage;
    var elem = document.getElementById("progbar");
  elem.style.width = percentage +"%";
  $('#3no-btn').addClass('btn-success');
  $('#3yes').prop('disabled', true);
  $('#3yes-btn').removeClass('btn-success');
  $('#3yes-btn').addClass('btn-default');
  });
$('#3yes-btn').click(function() {
    if(canClick3==1){
        percentage += 4;
        canClick3 --;
    }
    var changePercentage = percentage + "% Complete";
    document.getElementById("bar").innerHTML=changePercentage;
    var elem = document.getElementById("progbar");
  elem.style.width = percentage +"%";
  $('#3yes-btn').addClass('btn-success');
  $('#3yes').prop('disabled', false);
  $('#3no-btn').removeClass('btn-success');
  $('#3no-btn').addClass('btn-default');
  });
$('#4no-btn').click(function() {
    if(canClick4==1){
        percentage += 4;
        canClick4 --;
    }
    var changePercentage = percentage + "% Complete";
    document.getElementById("bar").innerHTML=changePercentage;
    var elem = document.getElementById("progbar");
  elem.style.width = percentage +"%";
  $('#4no-btn').addClass('btn-success');
  $('#4yes').prop('disabled', true);
  $('#4yes-btn').removeClass('btn-success');
  $('#4yes-btn').addClass('btn-default');
  });
$('#4yes-btn').click(function() {
    if(canClick4==1){
        percentage += 4;
        canClick4 --;
    }
    var changePercentage = percentage + "% Complete";
    document.getElementById("bar").innerHTML=changePercentage;
    var elem = document.getElementById("progbar");
  elem.style.width = percentage +"%";
  $('#4yes-btn').addClass('btn-success');
  $('#4yes').prop('disabled', false);
  $('#4no-btn').removeClass('btn-success');
  $('#4no-btn').addClass('btn-default');
  });
$('#5no-btn').click(function() {
    if(canClick5==1){
        percentage += 4;
        canClick5 --;
    }
    var changePercentage = percentage + "% Complete";
    document.getElementById("bar").innerHTML=changePercentage;
    var elem = document.getElementById("progbar");
  elem.style.width = percentage +"%";
  $('#5no-btn').addClass('btn-success');
  $('#5yes').prop('disabled', true);
  $('#5yes-btn').removeClass('btn-success');
  $('#5yes-btn').addClass('btn-default');
  });
$('#5yes-btn').click(function() {
    if(canClick5==1){
        percentage += 4;
        canClick5 --;
    }
    var changePercentage = percentage + "% Complete";
    document.getElementById("bar").innerHTML=changePercentage;
    var elem = document.getElementById("progbar");
  elem.style.width = percentage +"%";
  $('#5yes-btn').addClass('btn-success');
  $('#5yes').prop('disabled', false);
  $('#5no-btn').removeClass('btn-success');
  $('#5no-btn').addClass('btn-default');
  });
$('#6no-btn').click(function() {
    if(canClick6==1){
        percentage += 4;
        canClick6 --;
    }
    var changePercentage = percentage + "% Complete";
    document.getElementById("bar").innerHTML=changePercentage;
    var elem = document.getElementById("progbar");
  elem.style.width = percentage +"%";
  $('#6no-btn').addClass('btn-success');
  $('#6yes').prop('disabled', true);
  $('#6yes-btn').removeClass('btn-success');
  $('#6yes-btn').addClass('btn-default');
  });
$('#6yes-btn').click(function() {
    if(canClick6==1){
        percentage += 4;
        canClick6 --;
    }
    var changePercentage = percentage + "% Complete";
    document.getElementById("bar").innerHTML=changePercentage;
    var elem = document.getElementById("progbar");
  elem.style.width = percentage +"%";
  $('#6yes-btn').addClass('btn-success');
  $('#6yes').prop('disabled', false);
  $('#6no-btn').removeClass('btn-success');
  $('#6no-btn').addClass('btn-default');
  });
$('#7no-btn').click(function() {
    if(canClick7==1){
        percentage += 4;
        canClick7 --;
    }
    var changePercentage = percentage + "% Complete";
    document.getElementById("bar").innerHTML=changePercentage;
    var elem = document.getElementById("progbar");
  elem.style.width = percentage +"%";
  $('#7no-btn').addClass('btn-success');
  $('#7yes-btn').removeClass('btn-success');
  $('#7yes-btn').addClass('btn-default');
  });
$('#7yes-btn').click(function() {
    if(canClick7==1){
        percentage += 4;
        canClick7 --;
    }
    var changePercentage = percentage + "% Complete";
    document.getElementById("bar").innerHTML=changePercentage;
    var elem = document.getElementById("progbar");
  elem.style.width = percentage +"%";
  $('#7yes-btn').addClass('btn-success');
  $('#7no-btn').removeClass('btn-success');
  $('#7no-btn').addClass('btn-default');
  });
$('#8no-btn').click(function() {
    if(canClick8==1){
        percentage += 4;
        canClick8 --;
    }
    var changePercentage = percentage + "% Complete";
    document.getElementById("bar").innerHTML=changePercentage;
    var elem = document.getElementById("progbar");
  elem.style.width = percentage +"%";
  $('#8no-btn').addClass('btn-success');
  $('#8yes-btn').removeClass('btn-success');
  $('#8yes-btn').addClass('btn-default');
  });
$('#8yes-btn').click(function() {
    if(canClick8==1){
        percentage += 4;
        canClick8 --;
    }
    var changePercentage = percentage + "% Complete";
    document.getElementById("bar").innerHTML=changePercentage;
    var elem = document.getElementById("progbar");
  elem.style.width = percentage +"%";
  $('#8yes-btn').addClass('btn-success');
  $('#8no-btn').removeClass('btn-success');
  $('#8no-btn').addClass('btn-default');
  });
$('#9no-btn').click(function() {
    if(canClick9==1){
        percentage += 4;
        canClick9 --;
    }
    var changePercentage = percentage + "% Complete";
    document.getElementById("bar").innerHTML=changePercentage;
    var elem = document.getElementById("progbar");
  elem.style.width = percentage +"%";
  $('#9no-btn').addClass('btn-success');
  $('#9yes-btn').removeClass('btn-success');
  $('#9yes-btn').addClass('btn-default');
  });
$('#9yes-btn').click(function() {
    if(canClick9==1){
        percentage += 4;
        canClick9 --;
    }
    var changePercentage = percentage + "% Complete";
    document.getElementById("bar").innerHTML=changePercentage;
    var elem = document.getElementById("progbar");
  elem.style.width = percentage +"%";
  $('#9yes-btn').addClass('btn-success');
  $('#9no-btn').removeClass('btn-success');
  $('#9no-btn').addClass('btn-default');
  });
$('#10no-btn').click(function() {
    if(canClick10==1){
        percentage += 4;
        canClick10 --;
    }
    var changePercentage = percentage + "% Complete";
    document.getElementById("bar").innerHTML=changePercentage;
    var elem = document.getElementById("progbar");
  elem.style.width = percentage +"%";
  $('#10no-btn').addClass('btn-success');
  $('#10yes').prop('disabled', true);
  $('#10yes-btn').removeClass('btn-success');
  $('#10yes-btn').addClass('btn-default');
  });
$('#10yes-btn').click(function() {
    if(canClick10==1){
        percentage += 4;
        canClick10 --;
    }
    var changePercentage = percentage + "% Complete";
    document.getElementById("bar").innerHTML=changePercentage;
    var elem = document.getElementById("progbar");
  elem.style.width = percentage +"%";
  $('#10yes-btn').addClass('btn-success');
  $('#10yes').prop('disabled', false);
  $('#10no-btn').removeClass('btn-success');
  $('#10no-btn').addClass('btn-default');
  });
$('#11no-btn').click(function() {
    if(canClick11==1){
        percentage += 4;
        canClick11 --;
    }
    var changePercentage = percentage + "% Complete";
    document.getElementById("bar").innerHTML=changePercentage;
    var elem = document.getElementById("progbar");
  elem.style.width = percentage +"%";
  $('#11no-btn').addClass('btn-success');
  $('#11yes').prop('disabled', true);
  $('#11yes-btn').removeClass('btn-success');
  $('#11yes-btn').addClass('btn-default');
  });
$('#11yes-btn').click(function() {
    if(canClick11==1){
        percentage += 4;
        canClick11 --;
    }
    var changePercentage = percentage + "% Complete";
    document.getElementById("bar").innerHTML=changePercentage;
    var elem = document.getElementById("progbar");
  elem.style.width = percentage +"%";
  $('#11yes-btn').addClass('btn-success');
  $('#11yes').prop('disabled', false);
  $('#11no-btn').removeClass('btn-success');
  $('#11no-btn').addClass('btn-default');
  });
$('#12no-btn').click(function() {
    if(canClick12==1){
        percentage += 4;
        canClick12 --;
    }
    var changePercentage = percentage + "% Complete";
    document.getElementById("bar").innerHTML=changePercentage;
    var elem = document.getElementById("progbar");
  elem.style.width = percentage +"%";
  $('#12no-btn').addClass('btn-success');
  $('#12yes-btn').removeClass('btn-success');
  $('#12yes-btn').addClass('btn-default');
  });
$('#12yes-btn').click(function() {
    if(canClick12==1){
        percentage += 4;
        canClick12 --;
    }
    var changePercentage = percentage + "% Complete";
    document.getElementById("bar").innerHTML=changePercentage;
    var elem = document.getElementById("progbar");
  elem.style.width = percentage +"%";
  $('#12yes-btn').addClass('btn-success');
  $('#12no-btn').removeClass('btn-success');
  $('#12no-btn').addClass('btn-default');
  });
$('#13no-btn').click(function() {
    if(canClick13==1){
        percentage += 4;
        canClick13 --;
    }
    var changePercentage = percentage + "% Complete";
    document.getElementById("bar").innerHTML=changePercentage;
    var elem = document.getElementById("progbar");
  elem.style.width = percentage +"%";
  $('#13no-btn').addClass('btn-success');
  $('#13yes').prop('disabled', true);
  $('#13yes-btn').removeClass('btn-success');
  $('#13yes-btn').addClass('btn-default');
  });
$('#13yes-btn').click(function() {
    if(canClick13==1){
        percentage += 4;
        canClick13 --;
    }
    var changePercentage = percentage + "% Complete";
    document.getElementById("bar").innerHTML=changePercentage;
    var elem = document.getElementById("progbar");
  elem.style.width = percentage +"%";
  $('#13yes-btn').addClass('btn-success');
  $('#13yes').prop('disabled', false);
  $('#13no-btn').removeClass('btn-success');
  $('#13no-btn').addClass('btn-default');
  });
$('#14no-btn').click(function() {
    if(canClick14==1){
        percentage += 4;
        canClick14 --;
    }
    var changePercentage = percentage + "% Complete";
    document.getElementById("bar").innerHTML=changePercentage;
    var elem = document.getElementById("progbar");
  elem.style.width = percentage +"%";
  $('#14no-btn').addClass('btn-success');
  $('#14yes-btn').removeClass('btn-success');
  $('#14yes-btn').addClass('btn-default');
  });
$('#14yes-btn').click(function() {
    if(canClick14==1){
        percentage += 4;
        canClick14 --;
    }
    var changePercentage = percentage + "% Complete";
    document.getElementById("bar").innerHTML=changePercentage;
    var elem = document.getElementById("progbar");
  elem.style.width = percentage +"%";
  $('#14yes-btn').addClass('btn-success');
  $('#14no-btn').removeClass('btn-success');
  $('#14no-btn').addClass('btn-default');
  });
$('#15no-btn').click(function() {
    if(canClick15==1){
        percentage += 4;
        canClick15 --;
    }
    var changePercentage = percentage + "% Complete";
    document.getElementById("bar").innerHTML=changePercentage;
    var elem = document.getElementById("progbar");
  elem.style.width = percentage +"%";
  $('#15no-btn').addClass('btn-success');
  $('#15yes-btn').removeClass('btn-success');
  $('#15yes-btn').addClass('btn-default');
  });
$('#15yes-btn').click(function() {
    if(canClick15==1){
        percentage += 4;
        canClick15 --;
    }
    var changePercentage = percentage + "% Complete";
    document.getElementById("bar").innerHTML=changePercentage;
    var elem = document.getElementById("progbar");
  elem.style.width = percentage +"%";
  $('#15yes-btn').addClass('btn-success');
  $('#15no-btn').removeClass('btn-success');
  $('#15no-btn').addClass('btn-default');
  });
  $('#16no-btn').click(function() {
    if(canClick16==1){
        percentage += 4;
        canClick16 --;
    }
    var changePercentage = percentage + "% Complete";
    document.getElementById("bar").innerHTML=changePercentage;
    var elem = document.getElementById("progbar");
  elem.style.width = percentage +"%";
  $('#16no-btn').addClass('btn-success');
  $('#16yes').prop('disabled', true);
  $('#16yes-btn').removeClass('btn-success');
  $('#16yes-btn').addClass('btn-default');
  });
$('#16yes-btn').click(function() {
    if(canClick16==1){
        percentage += 4;
        canClick16 --;
    }
    var changePercentage = percentage + "% Complete";
    document.getElementById("bar").innerHTML=changePercentage;
    var elem = document.getElementById("progbar");
  elem.style.width = percentage +"%";
  $('#16yes-btn').addClass('btn-success');
  $('#16yes').prop('disabled', false);
  $('#16no-btn').removeClass('btn-success');
  $('#16no-btn').addClass('btn-default');
  });
  $('#17no-btn').click(function() {
    if(canClick17==1){
        percentage += 4;
        canClick17 --;
    }
    var changePercentage = percentage + "% Complete";
    document.getElementById("bar").innerHTML=changePercentage;
    var elem = document.getElementById("progbar");
  elem.style.width = percentage +"%";
  $('#17no-btn').addClass('btn-success');
  $('#17yes').prop('disabled', true);
  $('#17yes-btn').removeClass('btn-success');
  $('#17yes-btn').addClass('btn-default');
  });
$('#17yes-btn').click(function() {
    if(canClick17==1){
        percentage += 4;
        canClick17 --;
    }
    var changePercentage = percentage + "% Complete";
    document.getElementById("bar").innerHTML=changePercentage;
    var elem = document.getElementById("progbar");
  elem.style.width = percentage +"%";
  $('#17yes-btn').addClass('btn-success');
  $('#17yes').prop('disabled', false);
  $('#17no-btn').removeClass('btn-success');
  $('#17no-btn').addClass('btn-default');
  });
  $('#18no-btn').click(function() {
    if(canClick18==1){
        percentage += 4;
        canClick18 --;
    }
    var changePercentage = percentage + "% Complete";
    document.getElementById("bar").innerHTML=changePercentage;
    var elem = document.getElementById("progbar");
  elem.style.width = percentage +"%";
  $('#18no-btn').addClass('btn-success');
  $('#18yes').prop('disabled', true);
  $('#18yes-btn').removeClass('btn-success');
  $('#18yes-btn').addClass('btn-default');
  });
$('#18yes-btn').click(function() {
    if(canClick18==1){
        percentage += 4;
        canClick18 --;
    }
    var changePercentage = percentage + "% Complete";
    document.getElementById("bar").innerHTML=changePercentage;
    var elem = document.getElementById("progbar");
  elem.style.width = percentage +"%";
  $('#18yes-btn').addClass('btn-success');
  $('#18yes').prop('disabled', false);
  $('#18no-btn').removeClass('btn-success');
  $('#18no-btn').addClass('btn-default');
  });
  $('#19no-btn').click(function() {
    if(canClick19==1){
        percentage += 4;
        canClick19 --;
    }
    var changePercentage = percentage + "% Complete";
    document.getElementById("bar").innerHTML=changePercentage;
    var elem = document.getElementById("progbar");
  elem.style.width = percentage +"%";
  $('#19no-btn').addClass('btn-success');
  $('#19yes-btn').removeClass('btn-success');
  $('#19yes-btn').addClass('btn-default');
  });
$('#19yes-btn').click(function() {
    if(canClick19==1){
        percentage += 4;
        canClick19 --;
    }
    var changePercentage = percentage + "% Complete";
    document.getElementById("bar").innerHTML=changePercentage;
    var elem = document.getElementById("progbar");
  elem.style.width = percentage +"%";
  $('#19yes-btn').addClass('btn-success');
  $('#19no-btn').removeClass('btn-success');
  $('#19no-btn').addClass('btn-default');
  });
  $('#20no-btn').click(function() {
    if(canClick20==1){
        percentage += 4;
        canClick20 --;
    }
    var changePercentage = percentage + "% Complete";
    document.getElementById("bar").innerHTML=changePercentage;
    var elem = document.getElementById("progbar");
  elem.style.width = percentage +"%";
  $('#20no-btn').addClass('btn-success');
  $('#20yes-btn').removeClass('btn-success');
  $('#20yes-btn').addClass('btn-default');
  });
$('#20yes-btn').click(function() {
    if(canClick20==1){
        percentage += 4;
        canClick20 --;
    }
    var changePercentage = percentage + "% Complete";
    document.getElementById("bar").innerHTML=changePercentage;
    var elem = document.getElementById("progbar");
  elem.style.width = percentage +"%";
  $('#20yes-btn').addClass('btn-success');
  $('#20no-btn').removeClass('btn-success');
  $('#20no-btn').addClass('btn-default');
  });
  $('#21no-btn').click(function() {
    if(canClick21==1){
        percentage += 4;
        canClick21 --;
    }
    var changePercentage = percentage + "% Complete";
    document.getElementById("bar").innerHTML=changePercentage;
    var elem = document.getElementById("progbar");
  elem.style.width = percentage +"%";
  $('#21no-btn').addClass('btn-success');
  $('#21yes-btn').removeClass('btn-success');
  $('#21yes-btn').addClass('btn-default');
  });
$('#21yes-btn').click(function() {
    if(canClick21==1){
        percentage += 4;
        canClick21 --;
    }
    var changePercentage = percentage + "% Complete";
    document.getElementById("bar").innerHTML=changePercentage;
    var elem = document.getElementById("progbar");
  elem.style.width = percentage +"%";
  $('#21yes-btn').addClass('btn-success');
  $('#21no-btn').removeClass('btn-success');
  $('#21no-btn').addClass('btn-default');
  });
  $('#22no-btn').click(function() {
    if(canClick22==1){
        percentage += 4;
        canClick22 --;
    }
    var changePercentage = percentage + "% Complete";
    document.getElementById("bar").innerHTML=changePercentage;
    var elem = document.getElementById("progbar");
  elem.style.width = percentage +"%";
  $('#22no-btn').addClass('btn-success');
  $('#22yes').prop('disabled', true);
  $('#22yes-btn').removeClass('btn-success');
  $('#22yes-btn').addClass('btn-default');
  });
$('#22yes-btn').click(function() {
    if(canClick22==1){
        percentage += 4;
        canClick22 --;
    }
    var changePercentage = percentage + "% Complete";
    document.getElementById("bar").innerHTML=changePercentage;
    var elem = document.getElementById("progbar");
  elem.style.width = percentage +"%";
  $('#22yes-btn').addClass('btn-success');
  $('#22yes').prop('disabled', false);
  $('#22no-btn').removeClass('btn-success');
  $('#22no-btn').addClass('btn-default');
  });
  $('#23no-btn').click(function() {
    if(canClick23==1){
        percentage += 4;
        canClick23 --;
    }
    var changePercentage = percentage + "% Complete";
    document.getElementById("bar").innerHTML=changePercentage;
    var elem = document.getElementById("progbar");
  elem.style.width = percentage +"%";
  $('#23no-btn').addClass('btn-success');
  $('#23yes').prop('disabled', true);
  $('#23yes-btn').removeClass('btn-success');
  $('#23yes-btn').addClass('btn-default');
  });
$('#23yes-btn').click(function() {
    if(canClick23==1){
        percentage += 4;
        canClick23 --;
    }
    var changePercentage = percentage + "% Complete";
    document.getElementById("bar").innerHTML=changePercentage;
    var elem = document.getElementById("progbar");
  elem.style.width = percentage +"%";
  $('#23yes-btn').addClass('btn-success');
  $('#23yes').prop('disabled', false);
  $('#23no-btn').removeClass('btn-success');
  $('#23no-btn').addClass('btn-default');
  });
  $('#24no-btn').click(function() {
    if(canClick24==1){
        percentage += 4;
        canClick24 --;
    }
    var changePercentage = percentage + "% Complete";
    document.getElementById("bar").innerHTML=changePercentage;
    var elem = document.getElementById("progbar");
  elem.style.width = percentage +"%";
  $('#24no-btn').addClass('btn-success');
  $('#24yes').prop('disabled', true);
  $('#24yes-btn').removeClass('btn-success');
  $('#24yes-btn').addClass('btn-default');
  });
$('#24yes-btn').click(function() {
    if(canClick24==1){
        percentage += 4;
        canClick24 --;
    }
    var changePercentage = percentage + "% Complete";
    document.getElementById("bar").innerHTML=changePercentage;
    var elem = document.getElementById("progbar");
  elem.style.width = percentage +"%";
  $('#24yes-btn').addClass('btn-success');
  $('#24yes').prop('disabled', false);
  $('#24no-btn').removeClass('btn-success');
  $('#24no-btn').addClass('btn-default');
  });
  $('#25no-btn').click(function() {
    if(canClick25==1){
        percentage += 4;
        canClick25 --;
    }
    var changePercentage = percentage + "% Complete";
    document.getElementById("bar").innerHTML=changePercentage;
    var elem = document.getElementById("progbar");
  elem.style.width = percentage +"%";
  $('#25no-btn').addClass('btn-success');
  $('#25yes').prop('disabled', true);
  $('#25yes-btn').removeClass('btn-success');
  $('#25yes-btn').addClass('btn-default');
  });
$('#25yes-btn').click(function() {
    if(canClick25==1){
        percentage += 4;
        canClick25 --;
    }
    var changePercentage = percentage + "% Complete";
    document.getElementById("bar").innerHTML=changePercentage;
    var elem = document.getElementById("progbar");
  elem.style.width = percentage +"%";
  $('#25yes-btn').addClass('btn-success');
  $('#25yes').prop('disabled', false);
  $('#25no-btn').removeClass('btn-success');
  $('#25no-btn').addClass('btn-default');
  });
  $('#26no-btn').click(function() {
    if(canClick26==1){
        if(percentage<100)percentage += 4;
        canClick26 --;
    }
    var changePercentage = percentage + "% Complete";
    document.getElementById("bar").innerHTML=changePercentage;
    var elem = document.getElementById("progbar");
  elem.style.width = percentage +"%";
  $('#26no-btn').addClass('btn-success');
  $('#26yes').prop('disabled', true);
  $('#26yes-btn').removeClass('btn-success');
  $('#26yes-btn').addClass('btn-default');
  });
$('#26yes-btn').click(function() {
    if(canClick26==1){
        if(percentage<100)percentage += 4;
        canClick26 --;
    }
    var changePercentage = percentage + "% Complete";
    document.getElementById("bar").innerHTML=changePercentage;
    var elem = document.getElementById("progbar");
  elem.style.width = percentage +"%";
  $('#26yes-btn').addClass('btn-success');
  $('#26yes').prop('disabled', false);
  $('#26no-btn').removeClass('btn-success');
  $('#26no-btn').addClass('btn-default');
  });
  $('#27no-btn').click(function() {
    if(canClick27==1){
        if(percentage<100)percentage += 4;
        canClick27 --;
    }
    var changePercentage = percentage + "% Complete";
    document.getElementById("bar").innerHTML=changePercentage;
    var elem = document.getElementById("progbar");
  elem.style.width = percentage +"%";
  $('#27no-btn').addClass('btn-success');
  $('#27yes').prop('disabled', true);
  $('#27yes-btn').removeClass('btn-success');
  $('#27yes-btn').addClass('btn-default');
  });
$('#27yes-btn').click(function() {
    if(canClick27==1){
        if(percentage<100)percentage += 4;
        canClick27 --;
    }
    var changePercentage = percentage + "% Complete";
    document.getElementById("bar").innerHTML=changePercentage;
    var elem = document.getElementById("progbar");
  elem.style.width = percentage +"%";
  $('#27yes-btn').addClass('btn-success');
  $('#27yes').prop('disabled', false);
  $('#27no-btn').removeClass('btn-success');
  $('#27no-btn').addClass('btn-default');
  });